<template>
	<view class="">
		<u-tabbar
			:value="tabrIx"
			activeColor="#2B6FD5"
			:border="false"
			:fixed="true"
			:placeholder="true"
			:safeAreaInsetBottom="true"
			@change="onTabBar">
			<u-tabbar-item text="首页" name="/pages/shopping_guide/index" icon="/static/image/Home.png"></u-tabbar-item>
			<u-tabbar-item text="明细" name="/pages/shopping_guide/details" icon="/static/image/Mx.png"></u-tabbar-item>
			<u-tabbar-item text="设置" name="/pages/shopping_guide/setup" icon="/static/image/Setup.png"></u-tabbar-item>
		</u-tabbar>
	</view>
</template>

<script>
	export default{
		props: {
			tabrIx: {
				type: String,
				default: ''
			}
		},
		methods: {
			onTabBar(url){
				uni.navigateTo({
					url: url
				})
			},
		}
	}
</script>

<style>
</style>